<template>
	<view class="padding-30">
		<view class="bg-fff padding-30 flex border-radius30 margin-bottom30">
			<image class="img-100 border-radius50 margin-right20" src="../../static/logo.png" mode=""></image>
			<view class=""  style="width: 100%;">
				<view class="flex-between flex1">
					<view class="flex-alignItems-center">
						<view class="fontSize-15 color-000">刘磊 </view>
						<u-rate :count="count" v-model="value" size="16rpx"></u-rate>
					</view>
					<view class="flex-center map-view">
						<view class="fontSize-13 color-000 margin-right10">0.8km</view>
						<u-icon name="map-fill" color="#2A82E4" size="16"></u-icon>
					</view>
				</view>
				<view class="fontSize-13 color-999 margin-10-0">
					ID 2365478
				</view>
				<view class="flex-between">
					<view class="flex-alignItems-center">
						<u-icon name="phone-fill" color="#2A82E4" size="16"></u-icon>
						<view class="fontSize-15" style="color: #2A82E4;">18000000000</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				count:5,
				value:3
			}
		}
	}
</script>

<style lang="scss" scoped>
	.map-view{
		border: 1px solid #DBDBDB;
		padding: 10rpx 20rpx;
		border-radius: 60rpx;
	}
</style>